rem()
  // (round(arguments / 75 * 100 - 0.2) / 100)rem
  (round(arguments / 75 * 100 - 0.2) / 100)rem

.bgp{

}
bgp()
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-image: url(arguments)

omit()
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
.title_h3{
  position relative
  padding-left rem(20)
  &:before{
    content ''
    position absolute
    left 0
    top rem(1)
    display inline-block
    width rem(6)
    height rem(28)
    background-color: #fd7f2c;
    border-radius: 3px;
  }
  span{
    line-height rem(32)
    font-size rem(30)
    color #222
  }
}

// 优惠券样式（可选的） _p代表公用样式
couponItem()
  .coupon_item_p{
    position: relative
    height: rem(188)
    box-sizing: border-box
    margin-bottom: rem(20)
    border: 1px solid rgba(147, 80, 63, 0.3)
    border-radius: rem(10)
    background-image: linear-gradient(0deg,  #fee5b5 0%, #fff3d7 99%), linear-gradient(#fff9f5, #fff9f5);
    background-blend-mode: normal, normal;
    .ci_amount{
      width: 100%
      height: 100%
      display: flex
      justify-content: center
      align-items: center
      .ci_symbol{
        font-size:rem(34)
        color: #93513f;
      }
      .ci_num{
        font-size:rem(60)
        margin-left: rem(8)
        color: #93513f;
      }
      .ci_text{
        font-size:rem(26)
        margin-left: rem(17)
        color: #92503e;
      }
    }
    .ci_title{
      position absolute
      top 0
      left 0
      display inline-block
      height: rem(49);
      line-height rem(49)
      padding 0 rem(22)
      color #92503f
      font-size rem(26)
      background-color: #eed1a4;
      border-radius:rem(10) 0px rem(10) 0px; 
    }
    .ci_check{
      position: absolute
      right: rem(51)
      top: rem(77)
      display: inline-block
      box-sizing: border-box
      width: rem(34)
      height: rem(34)
      border-radius: 50%
      border: 1px solid #93503f
      &.checked{
        background-color: #93503f
        border-color: #93503f
        bgp('~@/assets/img/cardbag_checked.png')
        border: none
      }
    }
    &.disabled{
      background-color: #f1f1f1
      background-image: none
      border-color: rgba(136, 136, 136, 0.3)
      .ci_amount{
        .ci_symbol{
          color: #888888;
        }
        .ci_num{
          color: #888888;
        }
        .ci_text{
          color: #888888;
        }
      }
      .ci_title{
        background-color: #d5d5d5
        color: #888888
      }
      .ci_check{
        background-color: #e4e4e4
        border-color:#bfbfbf;
      }
    }
  }